<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"><!-- InstanceBegin template="/Templates/three_columns_menu_search_selltag.dwt" codeOutsideHTMLIsLocked="false" -->
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<!-- InstanceBeginEditable name="doctitle" -->
<title>二手易</title>
<!-- InstanceEndEditable -->
<link href="css/stylesheet.css" rel="stylesheet" type="text/css" media="screen" />
<!-- InstanceBeginEditable name="head" -->
<script src="SpryAssets/SpryValidationTextField.js" type="text/javascript"></script>
<script src="SpryAssets/SpryValidationTextArea.js" type="text/javascript"></script>
<script src="SpryAssets/SpryValidationSelect.js" type="text/javascript"></script>
<link href="SpryAssets/SpryValidationTextField.css" rel="stylesheet" type="text/css" />
<link href="SpryAssets/SpryValidationTextArea.css" rel="stylesheet" type="text/css" />
<link href="SpryAssets/SpryValidationSelect.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="Scripts/prototype.js"></script>
<script type="text/javascript" src="Scripts/jsProgressBarHandler.js"></script>
<script src="Scripts/global.js" type="text/javascript"></script>
<script src="SpryAssets/SpryValidationTextarea.js" type="text/javascript"></script>
<script language="javascript">
    <!--
    var req;
    var progressBar1;
    var isNewUpload = true;    
    
    function createProgressBar(id) {
        return new JS_BRAMUS.jsProgressBar($(id),0,{animate:false, barImage: Array(
            'images/percentImage_back4.png',
               'images/percentImage_back3.png',
            'images/percentImage_back2.png',
            'images/percentImage_back1.png')}
    );
    }
    
    // second manual example : multicolor (and take all other default paramters)
    Event.observe(window, 'load', function() {
        progressBar1 = createProgressBar('progressbar1');}, false);   
    
    function upload() {  
        //alert("upload()");
        var url = "ImageUploadServlet";       
        try {
            req = Ajax.getTransport();
            req.onreadystatechange = uploadStateChange;
            req.open("GET", url, true);
            req.send(null);
        }catch(e){}
    }
    function disableUploadFileInput(state) {
        $('image1').disabled =state;
        $('image2').disabled = state;
        $('image3').disabled = state;
    }
    function uploadStateChange()
    {  
        if (req.readyState == 4)
        {
            if (req.status == 200) // OK response
            {                
                //alert(200);
                var xml = req.responseXML;                
                
                //var isNotFinished = xml.getElementsByTagName("finished")[0];
                //var myBytesRead = xml.getElementsByTagName("read")[0];
                //var myContentLength = xml.getElementsByTagName("length")[0];
                try {
                    percent = xml.getElementsByTagName("percent")[0];
                    msg = xml.getElementsByTagName("msg")[0];
                    finish = xml.getElementsByTagName("finish")[0];
                } catch(e){}
                //todo: check content type file size                
                
                // Check to see if it's even started yet
                //if (((isNotFinished == null) && (myPercent == null)))                                   
                if(isNewUpload)
                {  //init
                    //alert("init");                                       
                    isNewUpload = false;                                        
                    progressBar1.setPercentage('0');
                    disableUploadFileInput(true);                    
                    //hide sverything **
                    Element.hide("b4upload");
                    Element.hide("uploaded");
                    Element.hide("uploaderror");
                    
                    Element.show("uploading");                               
                    // Sleep then call the function again
                    window.setTimeout("upload();", 200);
                }
                else 
                {   //uploading          
                    //alert("uploading");
                    if( msg != null) {
                        //alert("msg");
                        msg = msg.firstChild.data;
                        Element.show("b4upload");
                        Element.hide("uploading");
                        progressBar1.setPercentage(0);
                        if(msg == "invalid_file_size") {
                            //$("uploaderror").innerHTML = '<img src="images/error/invalid_file_size.jpg" width="400" height="50" />'
                            var loader = new ImageLoader("images/error/invalid_file_size.jpg");
                            loader.loadEvent = function(url, img){
                                $("uploaderror").innerHTML = '<img src=' + url +' width="400" height="50" />'
                            }
                            loader.load();
                        } else if(msg == "invalid_file_type") {
                            var loader = new ImageLoader("images/error/invalid_file_type.jpg");
                            loader.loadEvent = function(url, img){
                                $("uploaderror").innerHTML = '<img src=' + url +' width="400" height="50" />'
                            }
                            loader.load();
                        }else {
                            $("uploaderror").innerHTML = "<p>" + msg + "</p>";
                        }
                        Element.show("uploaderror");
                        disableUploadFileInput(false);
                        req = null;
                        isNewUpload = true;
                    }else if (percent != null) {// upload in progress                   
                        percent = percent.firstChild.data;
                        //alert(myPercent);
                        progressBar1.setPercentage(percent);                        
                        // Sleep then call the function again
                        window.setTimeout("upload();", 200);                        
                    } else {   //complete
                        //alert("complete");                        
                        isNewUpload=true;                                            
                        progressBar1.setPercentage(100);                                                
                        disableUploadFileInput(false);
                        
                        try{
                            var imgname1 = xml.getElementsByTagName("img1")[0].firstChild.data;
                            var imgname2 = xml.getElementsByTagName("img2")[0].firstChild.data;
                            var imgname3 = xml.getElementsByTagName("img3")[0].firstChild.data;
                        }catch(e){}
                        
                        Element.hide("uploaded");
                        Element.show("uploaded");
                        
                        thumb('uploadedimage1', 120, imgname1);
                        thumb('uploadedimage2', 120, imgname2);
                        thumb('uploadedimage3', 120, imgname3);
                        
                        Element.show("b4upload");
                        Element.hide("uploading");
                        progressBar1.setPercentage(0);  
                        Element.show("uploaded");
                        req = null;
                    }
                }
            }
        }
    }
    -->
</script>
<%!
private String compare(String s1, String s2){
        if(s1.equals(s2)) return "selected='selected'";
		else return "";
		}

%>
<%!
private String compare_box(Boolean b1){
        if(b1==null) {
		 	return "";
		 }else if(b1 == true){
			return "checked='checked'";
		}
		else {
			return "";
		}
	}

private String compare_toggle_text_box(Boolean b1){
        if(b1==null) {
		 	return "disabled='disabled'";
		 }else if(b1 == true){
			return "";
		}
		else {
			return "disabled='disabled'";
		}
	}
%>
<%
String msg = request.getParameter("msg");
String minRating = (String)session.getAttribute("minRating");
String condition = (String)session.getAttribute("condition");
String category = (String)session.getAttribute("category");
String activePeriod = (String)session.getAttribute("activePeriod");
Boolean meet = (Boolean)session.getAttribute("meet");
Boolean mail1 = (Boolean)session.getAttribute("mail1");
Boolean mail2 = (Boolean)session.getAttribute("mail2");
Boolean other_trading_method = (Boolean)session.getAttribute("other_trading_method");
Boolean cash = (Boolean)session.getAttribute("cash");
Boolean ebank = (Boolean)session.getAttribute("ebank");
Boolean credit = (Boolean)session.getAttribute("credit");
Boolean cheque = (Boolean)session.getAttribute("cheque");
Boolean paypal = (Boolean)session.getAttribute("paypal");
Boolean other_paying_method = (Boolean)session.getAttribute("other_paying_method");

%>
<link href="SpryAssets/SpryValidationTextarea.css" rel="stylesheet" type="text/css" />
<!-- InstanceEndEditable -->
<script src="SpryAssets/SpryValidationTextField.js" type="text/javascript"></script>
<link href="SpryAssets/SpryValidationTextField.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="css/jquery-1.2.6.js"></script>
<script src="Scripts/nudge.js" type="text/javascript"></script>



</head>
<body>
<div class="main">
  <div class="header">
    <div class="header-top">
    
      <div class="login-bg">
      <a href="login.jsp" class="black-link">登入</a><span class="style3"> |</span>
      <a href="#" class="black-link">買賣須知</a><span class="style3"> |</span>
      <a href="#" class="black-link">聯絡我們</a> <span class="style3">|</span>
      <a href="#" class="black-link">關於2HE</a>
      
      </div>
    </div>
    <div class="header-bottom">
      <div id="navcontainer">
        <ul class="navlist">
          <li class=""><a href="index.jsp">首頁</a></li>
          <li class=""><a href="#">要買</a></li>
          <li class="active"><a href="AddItem.jsp?go=AddItem.jsp">要賣</a></li>
          <li class=""><a href="changeInfo.jsp?go=changeInfo.jsp">我的主頁</a></li>
          <li class=""><a href="#">我的信箱</a></li>
        </ul>
      </div>
      <!-- InstanceBeginEditable name="DoNotEdit" --><!-- InstanceEndEditable -->
      </div>
  </div>
  <div class="body-main">
    <div class="body-leftbar">
      <div class="left-boxbar">
      
        <div class="title-back">
          <div class="advance-search-box">
            <form action="SearchServlet" method="post">
              <table>
                <tbody>
                  <tr>
                    <td width="140" align="center"><select name="category" id="category">
                        <option value="99999" selected="selected">所有類別&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</option>
                        <option value="1000">書籍 </option>
                        <option value="2000">遊戲 </option>
                        <option value="3000">電影碟 </option>
                        <option value="4000">音樂 </option>
                        <option value="5000">電子產品 </option>
                        <option value="6000">影音器材 </option>
                        <option value="7000">電腦週邊 </option>
                        <option value="8000" >玩具精品</option>
                        <option value="9000">代用卷</option>
                        <option value="10000">飾物</option>
                        <option value="11000" >服裝</option>
                        <option value="12000">手袋/銀包</option>
                        <option value="13000">其他</option>
                      </select></td>
                  </tr>
                  <tr>
                    <td align="center"><span id="sSearch">
                      <input type="text" name="searchItem" id="searchItem" size="15"/>
                      <span class="textfieldRequiredMsg"></span></span></td>
                  </tr>
                  <tr>
                    <td align="center"><input type='image' src='images/search-bt.jpg'/></td>
                  </tr>
                </tbody>
              </table>
            </form>
          </div>
          <br/>
          <div class="title-back">
            <div id="menu-box">
              <table align="center">
                <tbody>
                  <tr>
                    <td><img src="images/menu_icon_book.gif" width="30" height="30" /></td>
                    <td  class="menu-style" width="90"><a href="search.jsp?cat=1000" class="nudge"> 書藉</a></td>
                  </tr>
                  <tr>
                    <td><img src="images/menu_icon_game.gif" width="30" height="30"/></td>
                    <td  class="menu-style"><a href="search.jsp?cat=2000" class="nudge">遊戲</a></td>
                  </tr>
                  <tr>
                    <td><img src="images/menu_icon_video.gif" width="30" height="30" /></td>
                    <td  class="menu-style"><a href="search.jsp?cat=3000" class="nudge">電影</a></td>
                  </tr>
                  <tr>
                    <td><img src="images/menu_icon_music.gif" width="30" height="30" /></td>
                    <td  class="menu-style"><a href="search.jsp?cat=4000" class="nudge">音樂</a></td>
                  </tr>
                  <tr>
                    <td><img src="images/menu_icon_electric.gif" width="30" height="30" /></td>
                    <td  class="menu-style"><a href="search.jsp?cat=5000" class="nudge">電子產品</a></td>
                  </tr>
                  <tr>
                    <td><img src="images/menu_icon_av.gif" width="30" height="30" /></td>
                    <td  class="menu-style"><a href="search.jsp?cat=6000" class="nudge">影音器材</a></td>
                  </tr>
                  <tr>
                    <td><img src="images/menu_icon_computer.gif" width="30" height="30" /></td>
                    <td  class="menu-style"><a href="search.jsp?cat=7000" class="nudge">電腦週邊</a></td>
                  </tr>
                  <tr>
                    <td><img src="images/menu_icon_toy.gif" width="30" height="30" /></td>
                    <td  class="menu-style"><a href="search.jsp?cat=8000" class="nudge">玩具精品</a></td>
                  </tr>
                  <tr>
                    <td><img src="images/menu_icon_coupon.gif" width="30" height="30" /></td>
                    <td  class="menu-style"><a href="search.jsp?cat=9000" class="nudge">代用卷</a></td>
                  </tr>
                  <tr>
                    <td><img src="images/menu_icon_ornament.gif" width="30" height="30" /></td>
                    <td  class="menu-style"><a href="search.jsp?cat=10000" class="nudge">飾物</a></td>
                  </tr>
                  <tr>
                    <td><img src="images/menu_icon_clothes.gif" width="30" height="30" /></td>
                    <td  class="menu-style"><a href="search.jsp?cat=11000" class="nudge">服裝</a></td>
                  </tr>
                  <tr>
                    <td><img src="images/menu_icon_bag.gif" width="30" height="30" /></td>
                    <td  class="menu-style"><a href="search.jsp?cat=12000" class="nudge">手袋/銀包</a></td>
                  </tr>
                  
                  <tr>
                    <td><img src="images/icon_no_photo.jpg" width="30" height="30" /></td>
                    <td  class="menu-style"><a href="search.jsp?cat=13000" class="nudge">其他</a></td>
                  </tr>
                </tbody>
              </table>
            </div>
          </div>
        </div>
        <!-- InstanceBeginEditable name="DoNotEditToo" --><!-- InstanceEndEditable -->
      </div>
    </div>
    <div class="padding-left">
    <div class="body-mediumbar">
      <div class="medium-boxbar">
      <!-- InstanceBeginEditable name="mediumcolumn" -->
          <div class="title-back">
            <div class="add-item-box">
              <div class="centering"><span class="red-star">*</span>&nbsp;為必須填寫
                <div class="error-style" align="center">
                  <% if(msg != null) {
				  if ("cap_error".equals(msg)) {%>
                  <img src="images/error/error_captcha.jpg" width="400" height="50" />
                  <%}else if("necessary_empty_error".equals(msg)) { %>
                  <img src="images/error/error_must_field.jpg" width="400" height="50" />
                  <%}else if("money_error".equals(msg)) {%>
                  <img src="images/error/error_price.jpg" width="400" height="50" />
                  <%}else if("quantity_error".equals(msg)) {%>
                  <img src="images/error/error_quantity.jpg" width="400" height="50" />
                  <%}else if("condition_error".equals(msg)) {%>
                  <img src="images/error/error_condition.jpg" width="400" height="50" />
                  <%}else if("minRating_error".equals(msg)) { %>
                  <img src="images/error/error_min_rating.jpg" width="400" height="50" />
                  <%}else if("category_error".equals(msg)) { %>
                  <img src="images/error/error_category.jpg" width="400" height="50" />
                  <%}else if("invalid_file_size".equals(msg)) { %>
                  <h3>圖片大小 ${param.file_name} 不符合</h3>
                  <%}}%>
                </div>
                <fieldset>
                  <legend class="gray-color">1. 上傳圖片使買家知道售賣物品狀態</legend>
                  <iframe id="uploadFrameID" name="uploadFrame" height="0" width="0" frameborder="0" scrolling="yes" style="display:none;"></iframe>
                  <form enctype="multipart/form-data" action="ImageUploadServlet" method="post" target="uploadFrame" onsubmit="upload()">
                    <table class="table-font-12">
                      <tbody valign="top">
                        <tr>
                          <td colspan="2"> 注意事項
                            <ul>
                              <li>只接受 .jpg 或 gif 格式，且每張相片檔案大小不能超過 500kB</li>
                              <li>系統將以 圖片1 作為拍賣商品的預覽縮圖，若圖檔高度未達 100 pixel 或是寬高比例超過 2.5 倍，將無法產生縮圖</li>
                              <li>請勿未經他人同意而使用他人之相關描述與照片，以免觸法。</li>
                            </ul></td>
                        </tr>
                        <tr>
                          <td width="120">圖片1:</td>
                          <td width="390"><input type="file" name="image1" id="image1"/></td>
                        </tr>
                        <tr>
                          <td>圖片2:</td>
                          <td><input type="file" name="image2" id="image2"/></td>
                        </tr>
                        <tr>
                          <td>圖片3:</td>
                          <td><input type="file" name="image3" id="image3"/></td>
                        </tr>
                        <tr>
                          <td colspan="2" align="center"><div id ="b4upload">
                              <input id="upload_bt" type='image' src='images/upload-bt.gif'/>
                            </div>
                            <div id="uploaderror"  class="error-style" style="display:none"> Upload error </div>
                            <div id ="uploading" style="display:none">
                              <div class="percentImage1" id="progressbar1">[ Upload Progress Bar ]</div>
                            </div>
                            <div id="uploaded" style="display:none">
                              <div class="spacer"> &nbsp; </div>
                              <table cellpadding="2" align="center">
                                <tbody>
                                  <tr>
                                    <td width="120" height="120" align="center"><img name="uploadedimage1" id="uploadedimage1" src="images/loading.gif"/>
                                      <p>圖片1</p></td>
                                    <td width="120" height="120" align="center"><img name="uploadedimage2" id="uploadedimage2" src="images/loading.gif"/>
                                      <p>圖片2</p></td>
                                    <td width="120" height="120" align="center"><img name="uploadedimage3" id="uploadedimage3" src="images/loading.gif"/>
                                      <p>圖片3</p></td>
                                  </tr>
                                </tbody>
                              </table>
                              <div class="spacer"> &nbsp; </div>
                            </div></td>
                        </tr>
                      </tbody>
                    </table>
                  </form>
                </fieldset>
                <br/>
                <form action="AddBookServlet" method="post">
                  <fieldset>
                    <legend class="gray-color">2. 基本資料<span class="red-star">*</span></legend>
                    <table class="table-font-12">
                      <tbody valign="top">
                        <tr>
                          <td width="120">物品類別:<span class="red-star">*</span></td>
                          <td width="390"><span id="sCategory">
                            <select name="category2" id="category2">
                              <option value="-99999" selected="selected" <%=compare("-99999",category)%>>請選擇... </option>
                              <option value="1000" <%=compare("1000",category)%>>書籍 </option>
                                <option value="2000" <%=compare("2000",category)%>>遊戲 </option>
                                <option value="3000" <%=compare("3000",category)%>>電影 </option>
                                <option value="4000" <%=compare("4000",category)%>>音樂 </option>
                                <option value="5000" <%=compare("5000",category)%>>電子產品 </option>
                                <option value="6000" <%=compare("6000",category)%>>影音器材 </option>
                                <option value="7000" <%=compare("7000",category)%>>電腦週邊 </option>
                                <option value="8000" <%=compare("8000",category)%>>玩具精品</option>
                                <option value="9000" <%=compare("9000",category)%>>代用卷</option>
                                <option value="10000" <%=compare("10000",category)%>>飾物</option>
                                <option value="11000" <%=compare("11000",category)%>>服裝</option>
                                <option value="12000" <%=compare("12000",category)%>>手袋/銀包</option>
                                <option value="13000" <%=compare("13000",category)%>>其他</option>
                          </select>
                            <span class="selectInvalidMsg">請選取物品類別。</span><span class="selectRequiredMsg">請選取項目。</span></span><br/>
                            &nbsp; </td>
                        </tr>
                        <tr>
                          <td>名稱:<span class="red-star">*</span></td>
                          <td ><span id="sName">
                            <input name="bookname" type="text" id="bookname" value="${bookName}" maxlength="100"/>
                            <span class="textfieldRequiredMsg">請填寫。</span><span class="textfieldMaxCharsMsg">已超出100字元數。</span></span><br/>
                            <span class="hint-font-10">(請填寫物品名稱)</span></td>
                        </tr>
                        <tr>
                          <td>新淨度:<span class="red-star">*</span></td>
                          <td><span id="sCondition">
                            <select name="itemCondition" id="itemCondition">
                              <option value="-99999" selected="selected" <%=compare("-99999",condition)%>>請選擇</option>
                              <option value="0" <%=compare("0",condition)%>>全新</option>
                              <option value="7" <%=compare("7",condition)%>>使用不到一週</option>
                              <option value="30" <%=compare("30",condition)%>>使用不滿一個月</option>
                              <option value="90" <%=compare("90",condition)%>>使用一到三個月</option>
                              <option value="182" <%=compare("182",condition)%>>使用未滿半年</option>
                              <option value="365" <%=compare("365",condition)%>>使用未滿一年</option>
                              <option value="670" <%=compare("670",condition)%>>使用一到二年</option>
                              <option value="1035" <%=compare("1035",condition)%>>使用二到三年</option>
                              <option value="99999" <%=compare("99999",condition)%>>使用三年以上</option>
                            </select>
                            <span class="selectInvalidMsg">請選取。</span><span class="selectRequiredMsg">請選取項目。</span></span><br/>
                            &nbsp;</td>
                        </tr>
                        <tr>
                          <td>數量:<span class="red-star">*</span></td>
                          <td><span id="sQuantity">
                            <input name="quantity" type="text" id="quantity" value="<%=session.getAttribute("quantity")==null?"1":session.getAttribute("quantity")%>" maxlength="100"/>
                            <span class="textfieldRequiredMsg">請填寫。</span><span class="textfieldMaxCharsMsg">已超出100字元數目。</span><span class="textfieldInvalidFormatMsg">數量必須為正整數。</span></span><br/>
                            <span class="hint-font-10">(請輪入每件售賣物的數量, 必須為正整數)</span></td>
                        </tr>
                        <tr>
                          <td> 價錢($HKD):<span class="red-star">*</span></td>
                          <td><span id="sPrice">
                            <input type="text" name="price" id="price" value="${price}"/>
                            <span class="textfieldRequiredMsg"> 請填寫。</span><span class="textfieldInvalidFormatMsg">請輪入正確的港幣數值, 例如: 129。</span></span><br/>
                            <span class="hint-font-10">(請輪入港幣數值)</span></td>
                        </tr>
                        <tr>
                          <td>售賣期限:<span class="red-star">*</span></td>
                          <td><span id="sActivePeriod">
                            <select name="activePeriod" id="activePeriod">
                              <option value="-99999" selected="selected" <%=compare("-99999",condition)%>>請選擇</option>
                              <option value="2" <%=compare("2",activePeriod)%>>2日</option>
                              <option value="3" <%=compare("3",activePeriod)%>>3日</option>
                              <option value="4" <%=compare("4",activePeriod)%>>4日</option>
                              <option value="5" <%=compare("5",activePeriod)%>>5日</option>
                              <option value="6" <%=compare("6",activePeriod)%>>6日</option>
                              <option value="7" <%=compare("7",activePeriod)%>>7日</option>
                              <option value="10" <%=compare("10",activePeriod)%>>10日</option>
                              <option value="20" <%=compare("20",activePeriod)%>>20日</option>
                              <option value="30" <%=compare("30",activePeriod)%>>30日</option>
                              <option value="60" <%=compare("60",activePeriod)%>>60日</option>
                            </select>
                          <span class="selectInvalidMsg">請選取。</span>                          <span class="selectRequiredMsg">請選取項目。</span></span><br/>
                          <span class="hint-font-10">(此為物品登錄二手易的期限, 注意買家的搜尋結果排序是根據物品售<br />
                          賣結束日期及時間, 例如:19-2-2006 17:30 結束售賣的物品會排在<br />
                          20-2-2006 13:00 結束售賣的物品之前. 
                          如您的斦有物品已賣出,您<br />
                          可以隨時更新物品狀態以結束售賣)</span></td>
                        </tr>
                        <tr>
                          <td>關鍵字 (tags):<span class="red-star">*</span></td>
                          <td><span id="sTag">
                            <input name="tags" type="text" id="tags" value="${tags}" size="50" maxlength="50"/>
                            <span class="textfieldRequiredMsg">請填寫。</span><span class="textfieldMaxCharsMsg">超出200字元數</span></span><br/>
                            <span class="hint-font-10">(輸入 <b>1 至 5</b> 個描述物品的字詞。並且以逗號分隔。<br/>
                            例如:<br/>
                            作者名稱: 魯迅, Campbell Sean, 赤松健 <br/>
                            藝人名稱: 周迅, Twins, 容祖兒 <br/>
                            品牌名稱: levis, addidas, nike, sony, blizzard<br/>
                            書本分類: 數學, 漫畫, 教科書,小说, 搞笑, 治愈, 志类, 魔幻<br/>
                            語言: 英文, 中文, 日文<br/>
                            遊戲平台: xbox360, playstation2, nds, wii </span> )</td>
                        </tr>
                        <tr>
                          <td>物品介紹:</td>
                          <td><span id="sTextAtea">
                            <textarea name="itemDescription" cols="50" rows="10" id="itemDescription">${itemDescription}</textarea>
                            <br/>
                            <span id="countsTextAtea">&nbsp;</span><span class="textareaMaxCharsMsg">太多字了。</span></span><br/>
                            <span class="hint-font-10">(500字內, 簡單介紹物品:來源,出產地,保養,購入日期,出售原因等</span> )</td>
                        </tr>
                      </tbody>
                    </table>
                  </fieldset>
                  <br/>
                  <fieldset>
                    <legend class="gray-color">3. 交易要求資料 </legend>
                    <table class="table-font-12">
                      <tbody valign="top">
                        <tr>
                          <td width="120">最低評級:</td>
                          <td width="390"><select name="minRating" id="minRating">
                              <option value="-999999" selected="selected" <%=compare("-99999",minRating)%>>沒有</option>
                              <option value="-3" <%=compare("-1",minRating)%>>-3</option>
                              <option value="-2" <%=compare("-1",minRating)%>>-2</option>
                              <option value="-1" <%=compare("-1",minRating)%>>-1</option>
                              <option value="0" <%=compare("0",minRating)%>>0</option>
                              <option value="1" <%=compare("1",minRating)%>>1</option>
                              <option value="2" <%=compare("2",minRating)%>>2</option>
                              <option value="3" <%=compare("3",minRating)%>>3</option>
                              <option value="4" <%=compare("4",minRating)%>>4</option>
                              <option value="5" <%=compare("5",minRating)%>>5</option>
                              <option value="6" <%=compare("6",minRating)%>>6</option>
                              <option value="7" <%=compare("7",minRating)%>>7</option>
                              <option value="8" <%=compare("8",minRating)%>>8</option>
                              <option value="9" <%=compare("9",minRating)%>>9</option>
                              <option value="10" <%=compare("10",minRating)%>>10</option>
                            </select>
                            <br/>
                            <span class="hint-font-10">(此選項讓你決定合資格購買者的最低信用評級。如果你希望所有人也能購買你的物品，請把競投者最低評級設定為 <b>沒有</b></span> )</td>
                        </tr>
                        <tr>
                          <td>交易方式:</td>
                          <td>
                          <input type=checkbox name="meet" value="checked" onclick="document.getElementById('tradeLocation').disabled=!(this.checked)" <%=compare_box(meet)%>>
                          1. 見面交收 - 喜好交易地區:
                          <input name="tradeLocation" type="text" id="tradeLocation" value="${location}" maxlength="100" <%=compare_toggle_text_box(meet)%>/>
                            <br/>
                          <input type=checkbox name="mail1" value="checked" onclick="document.getElementById('postalFee1').disabled=!(this.checked)" <%=compare_box(mail1)%>>
                          2. 郵寄平郵 - 賣家應繳郵費:
                          <span id="sPostalFee1">
                          <input name="postalFee1" type="text" id="postalFee1" value="${postalFee1}" size="10" maxlength="10" <%=compare_toggle_text_box(mail1)%>/>
                          <span class="textfieldInvalidFormatMsg">格式無效。</span><span class="textfieldRequiredMsg">需要有一個值。</span></span>                           $HKD<br/>
                          <input type=checkbox name="mail2" value="checked" onclick="document.getElementById('postalFee2').disabled=!(this.checked)" <%=compare_box(mail2)%>>
                          3. 郵寄掛號 - 賣家應繳郵費:
                          <span id="sPostalFee2">
                          <input name="postalFee2" type="text" id="postalFee2" value="${postalFee2}" size="10" maxlength="10" <%=compare_toggle_text_box(mail2)%>/>
                          <span class="textfieldInvalidFormatMsg">格式無效。</span><span class="textfieldRequiredMsg">需要有一個值。</span></span>                          $HKD<br/>
                          <input type=checkbox name="other_trading_method" value="checked" onclick="document.getElementById('other_trading_method_detail').disabled=!(this.checked)" <%=compare_box(other_trading_method)%>>
                          4. 其他 - 請註明:
                          <span id="sOtherTradingMethod">
                          <input name="other_trading_method_detail" type="text" id="other_trading_method_detail" value="${other_trading_method_detail}" maxlength="100" <%=compare_toggle_text_box(other_trading_method)%>/>
                          <span class="textfieldRequiredMsg">需要有一個值。</span></span>                          <br/>
                          </td>
                        </tr>
                        <tr>
                          <td>付款方法:</td>
                          <td>
                          <input type=checkbox name="cash" id="cash" value="checked" <%=compare_box(cash)%>>
                          1. 接受現金<br/>
                          <input type=checkbox name="ebank" id="ebank" value="checked" <%=compare_box(ebank)%>>
                          2. 銀行轉帳<br/>
                          <input name="credit" type=checkbox id="credit" value="checked" <%=compare_box(credit)%>>
                          3. 接受信用卡<br/>
                          <input name="cheque" type=checkbox id="cheque" value="checked" <%=compare_box(cheque)%>>
                          4. 現金支票或匯票<br/>
                          <input name="paypal" type=checkbox id="paypal" value="checked" <%=compare_box(paypal)%>>
                          5. PayPal<br/>
                          <input name="other_paying_method" type=checkbox id="other_paying_method" value="checked" <%=compare_box(other_paying_method)%> onclick="document.getElementById('other_paying_method_detail').disabled=!(this.checked)">
                          6. 其他 - 請註明:
                          <span id="sOtherPayingMethod">
                          <input name="other_paying_method_detail" type="text" id="other_paying_method_detail" value="${other_paying_method_detail}" maxlength="100" <%=compare_toggle_text_box(other_paying_method)%>/>
                          <span class="textfieldRequiredMsg">需要有一個值。</span></span>                          <br/>
                          </td>
                        </tr>
                        
                      </tbody>
                    </table>
                  </fieldset>
                  <br/>
                  <fieldset>
                    <legend class="gray-color">4. 還有一些問題 <span class="red-star">*</span></legend>
                    <table class="table-font-12">
                      <tbody valign="top">
                        <tr>
                          <td width="120">驗證碼:<span class="red-star">*</span></td>
                          <td width="390"><span id="sCaptcha">
                            <input name="bookcaptchacode" type="text" id="bookcaptchacode" size="10" maxlength="4" />
                            <span class="textfieldRequiredMsg">請填寫。</span></span><br/>
                            <span class="hint-font-10">(輸入下圖顯示的驗證碼, 全部為細階</span> )</td>
                        </tr>
                        <tr>
                          <td colspan="2" align="center"><div id="cbookimageframe"><img src="cimage"/></div>
                            <br/>
                            <a href="javascript:void(0)" onclick="refresh('cbookimageframe')">看不清文字? 請按此</a></td>
                        </tr>
                      </tbody>
                    </table>
                  </fieldset>
                  <br/>
                  <table>
                    <tbody>
                      <tr>
                        <td width = "600" align="center"><input type='image' src='images/confirm-bt.gif' align="middle"/></td>
                      </tr>
                    </tbody>
                  </table>
                </form>
              </div>
            </div>
          </div>
          <!-- InstanceEndEditable -->
      </div>
    </div>
    <div class="body-rightbar2">
      <div class="right-boxbar2">
      
          <div class="title-back">
            <div class="new-item-box"></div>
            <br/>
            <div class="title-back">
              <div class="group-item-box"></div>
            </div>
            <!-- InstanceBeginEditable name="DoNotEdit3" -->
<script type="text/javascript">
var sprytextfield2 = new Spry.Widget.ValidationTextField("sName", "none", {maxChars:100, validateOn:["blur"]});
var spryselect1 = new Spry.Widget.ValidationSelect("sCategory", {invalidValue:"-99999", validateOn:["blur", "change"]});
var spryselect2 = new Spry.Widget.ValidationSelect("sCondition", {invalidValue:"-99999", validateOn:["blur", "change"]});
var sprytextfield3 = new Spry.Widget.ValidationTextField("sQuantity", "integer", {maxChars:100, validateOn:["blur"]});
var sprytextfield4 = new Spry.Widget.ValidationTextField("sPrice", "currency", {validateOn:["blur"]});
var sprytextfield5 = new Spry.Widget.ValidationTextField("sTag", "none", {maxChars:200, validateOn:["blur"]});
var sprytextfield6 = new Spry.Widget.ValidationTextField("sCaptcha", "none", {validateOn:["blur"]});
var sprytextarea1 = new Spry.Widget.ValidationTextarea("sTextAtea", {counterId:"countsTextAtea", counterType:"chars_count", maxChars:500, minChars:0, isRequired:false});
var spryselect3 = new Spry.Widget.ValidationSelect("sActivePeriod", {invalidValue:"-99999"});
var sprytextfield7 = new Spry.Widget.ValidationTextField("sPostalFee1", "currency", {validateOn:["change"]});
var sprytextfield8 = new Spry.Widget.ValidationTextField("sPostalFee2", "currency", {validateOn:["change"]});
var sprytextfield9 = new Spry.Widget.ValidationTextField("sOtherTradingMethod");
var sprytextfield10 = new Spry.Widget.ValidationTextField("sOtherPayingMethod");
</script>
            <!-- InstanceEndEditable --></div>
          <script type="text/javascript">
<!--
var sprytextfield1 = new Spry.Widget.ValidationTextField("sSearch");
//-->
      </script>
          
      </div>
    </div>
    </div>
    </div>
  <div class="footer">Copyright&copy; <a href="http://www.2handeasy.com" class="footer-link">二手易</a> All rights reserved.  |  版權所有不得轉載</div>
</div>
</body>
<!-- InstanceEnd --></html>
